import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

Vue.config.productionTip = false;

import axios from 'axios'
Vue.prototype.$axios = axios;

// 默认访问路径，可以设置服务器默认允许跨域访问
axios.defaults.baseURL="https://ele-interface.herokuapp.com/";
import qs from 'qs'


import MintUI from 'mint-ui'
import 'mint-ui/lib/style.css'
Vue.use(MintUI)

//使用加载动画
import { Indicator } from 'mint-ui';

// 请求拦截，axios发起请求的时候开启动画
axios.interceptors.request.use(
  config => {
    //qs方法帮助发起正确post请求,将对象序列化
    if(config.method=='post'){
      config.data=qs.stringify(config.data);
    }

    // 加载动画
    Indicator.open({
      text: '加载中..',
      spinnerType: 'fading-circle'
    });
    return config;
  },
  error => {
    return Promise.reject(error);
  }
);

// 响应拦截，获得响应的时候，关闭动画
axios.interceptors.response.use(
  response => {
    Indicator.close();
    return response;
  },
  error => {
    // 错误提醒
    Indicator.close();
    return Promise.reject(error);
  }
);




new Vue({
  router,
  store,
  render: h => h(App),
}).$mount('#app')
